<html>
    <head>
        <title>Countly Navigation - Heatmap Demo</title>
        <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
        <link rel="stylesheet" href="/populator/stylesheets/demo/navigation.css">
    </head>
    <body>
        <div class="container demo-navigation">
            <div class="row top-bar">
                <div class="col-sm-2">
                    <a href="demo-navigation.html">
                        Countly Maps
                    </a>
                </div>
                <div class="col-sm-2">
                    <a href="demo-navigation-1.html">
                        Partners
                    </a>
                </div>
                <div class="col-sm-2 offset-4 text-center">
                    <a href="demo-navigation-2.html">
                        Live Map
                    </a>
                </div>
                <div class="col-sm-2 text-center">
                    Log in
                </div>
            </div>
            <div class="row content">
                <% if (pageIndex === '0') { %>
                    <div class="col-sm-4 download-section offset-1 text-center">
                        <h1>
                            Get the best route in real time with help from fellow drivers
                        </h1>
                        <hr>
                        <img class="download-your-phone-icon" src="/populator/images/ios.png">
                        <img class="download-your-phone-icon" src="/populator/images/android.png">
                    </div>
                    <div class="col-sm-4 offset-1 text-center">
                        <img src="/populator/images/navigation.svg" style="width:100%">
                    </div>
                <% } else if (pageIndex === '1') { %>
                    <div class="col-sm-12">
                        <h1>Partner</h1>
                        <%- include(includes.content3Cols); %>
                    </div>
                <% } else if (pageIndex === '2') { %>
                    <div class="col-sm-12">
                        <h1>Live Map</h1>
                        <%- include(includes.content2Cols); %>
                    </div>
                <% } %>
            </div>
            <div class="container row footer">
                <div class="col-sm">
                    <a href="demo-navigation-1.html">
                        Partners
                    </a>
                </div>
                <div class="col-sm">
                    <a href="demo-navigation-2.html">
                        Live Map
                    </a>
                </div>
                <div class="col-sm">
                    Interest-Based Ads
                </div>
            </div>
        </div>
        <%- include(includes.scripts); %>
    </body>
</html>
